<template>
  <div class="segmentation-view">
    <h2>分割分析</h2>
    <div class="segmentation-content">
      <div class="control-panel">
        <el-button type="primary">开始分割</el-button>
        <el-button>重置</el-button>
      </div>
      <div class="image-display">
        <img :src="imageUrl">
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import image01 from '@/assets/01.png'

const imageUrl = image01
</script>

<style scoped>
.segmentation-view {
  padding: 20px;
}

.segmentation-content {
  margin-top: 20px;
}

.control-panel {
  margin-bottom: 20px;
}

.image-display {
  border: 1px solid #ddd;
  padding: 20px;
  text-align: center;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f9f9f9;
}
</style> 